<template>
	<!-- title部分 -->
	<view class="title">
		<view class="title_imginput">
			<image class="title_imginput_img" src="../../static/sousuo.png"></image>
			<input type="text" class="title_imginput_input" placeholder="请输入发单人昵称">
		</view>
		<view class="title_text" @click="goToGendan">取消</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goToGendan() {
				// 返回上一级页面
				// uni.navigateBack({
				// 	delta: 1 // 返回到B页面
				// });
				// 在tabbar中使用uniapp的switchTab方法跳转
				uni.switchTab({
					url: '/pages/gendan/gendan', // 我的路径
				});
			},
		}
	}
</script>

<style>
	.title{
		    display: flex;
		    align-items: center;
		    background: rgb(226, 50, 52);
		    padding: 3%;
	}
	.title_imginput{
		    display: flex;
		    /* text-align: center; */
		    /* justify-content: center; */
		    align-items: center;
		    background: white;
		    flex: 1;
		    padding: 2%;
		    border-radius: 50px;
	}
	.title_imginput_img{
		    display: block;
		    width: 16px;
		    height: 16px;
		    margin-right: 2%;
	}
	.title_imginput_input{
		font-size: 16px;
	}
	.title_text{
		font-size: 16px;
		    color: white;
		    padding: 0 3%;
		    font-weight: 500;
	}
</style>
